<template>
	<view class="logout">
		<view class="header" @click="backToMy">
			<view class="back" @click="backToMy">
				<img class="back-icon" src="@/static/back_black.png" alt="back">
				<view class="setting">设置</view>
			</view>
		</view>
		
		<view class="policy">
			<view class="policy-left">
				隐私政策
			</view>
			<view class="policy-right" @click="toPolicyDetail">
				哈哈
			</view>
		</view>
		<view class="version">
			<view class="version-left">
				版本号
			</view>
			<view class="version-right">
				666.777
			</view>
		</view>
		<view class="out">
			退 出 登 录
		</view>
		<view class="builder">
			Builder：v3.14159
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		methods: {
			backToMy(){
				uni.switchTab({
					url: '../tabbar/user/my'
				})
			},
			toPolicyDetail(){
				uni.navigateTo({
						url:'/pages/tabbar/user/policy'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.back {
		// background-color: #000;
		width: 300rpx;
		height: 50rpx;
	}
	.setting {
		// background-color: #000;
		width: 100rpx;
		height: 50rpx;
		float: right;
		margin-right: 155rpx;
		// margin-bottom: 10rpx;
	}
	.header {
		height: 100rpx;
	}
	.back-icon {
			margin-right: 15rpx;
			width: 30rpx;
		}
	.logout {
		padding: 30rpx 50rpx;
		font-size: 32rpx;
		line-height: 50rpx;
		
		
		
		.policy {
			height: 80rpx;
			background-color: #bec2c7;
			border-radius: 15rpx 15rpx 0 0;
			line-height: 80rpx;
			border-bottom: 2rpx solid #fff;
			
			.policy-left {
				margin-left: 20rpx;
				display: inline-block;
				
			}
			.policy-right {
				float: right;
				margin-right: 20rpx;
				
			}
		}
		
		.version {
			height: 80rpx;
			background-color: #bec2c7;
			border-radius: 0 0 15rpx 15rpx;
			line-height: 80rpx;
			
			.version-left {
				margin-left: 20rpx;
				display: inline-block;
			}
			.version-right {
				float: right;
				margin-right: 20rpx;
			}
		}
		
		.out {
			margin-top: 800rpx;
			height: 80rpx;
			background-color: #bec2c7;
			border-radius: 15rpx 15rpx 15rpx 15rpx;
			text-align: center;
			line-height:80rpx;
		}
		
		.builder {
			font-size: 20rpx;
			// background-color: red;
			text-align:center;
		}
	}
</style>